﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication1._Default" %>

<%@ Register Assembly="Libero.FusionCharts" Namespace="Libero.FusionCharts.Control" TagPrefix="fcl" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title></title>
    <style>
        body
        {
        	font-family: Calibri, Arial, Tahoma;
        }
        .container
        {
    	    width:800px;
    	    border:solid 1px #ccc;
    	    padding-top: 10px;
    	    padding-bottom:10px;
        }
        .item
        {
        	width:120px; 
        	text-align:center; 
        	border: solid 1px #ccc; 
        	padding-top:6px;
        	background-color:#F5F5F5;
        	font-family: Calibri, Arial, Tahoma;
        	font-size:0.9em;
        }
        .q
        {
        	height:120px;
        	width: 125px;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>

        <div >
            <h3>Supported Charts for Libero.FusionCharts</h3>
        </div>
        <div >
            <span style="position:relative; top:0px;"><a href="exemplo_menu.aspx">Demos</a></span>
            <img src="images/ico_chart.png"  style="position:relative; top:8px;"/>
        </div>
        <br />
        <table border="0">
            <tr>
                <td style="vertical-align:top;">
                    <table border="0" cellspacing="9">
                        <tr><td colspan="3" class="item " style="padding-bottom:6px;font-size:1.2em;"><b>Multi Series</b></td></tr>
                        <tr>
                            <td class="item q">
                                MS Column 2D Chart<br />
                                <img src="images/Multi-series-Column-2D-Chart-6.gif" />
                            </td>
                            <td class="item q">
                                MS Column 3D Chart<br />
                                <img src="images/Multi-series-Column-3D-Chart-3.gif" />
                            </td>
                            <td class="item q">
                                MS Line Chart<br />
                                <img src="images/Multi-series-Line-Chart-3.gif" />
                            </td>
                        </tr>
                        <tr>
                            <td class="item q">
                                MS Bar 2D Chart<br />
                                <img src="images/Multi-series-Bar-2D-Chart-11.gif" />
                            </td>
                            <td class="item q">
                               MS Area 2D Chart<br />
                                <img src="images/Multi-series-Area-2D-Chart-3.gif" />
                            </td>
                            <td class="item q">
                                Stacked Column 2D Chart<br />
                                <img src="images/Stacked-Column-2D-Chart-4.gif" />
                            </td>
                        </tr>
                        <tr>
                            <td class="item q">
                                Stacked Column 3D Chart<br />
                                <img src="images/Stacked-Column-3D-Chart-1.gif" />
                            </td>
                            <td class="item q">
                                Stacked Bar 2D Chart<br />
                                <img src="images/Stacked-Bar-2D-Chart-6.gif" />
                            </td>
                            <td class="item q">
                                Stacked Area 2D Chart<br />
                                <img src="images/Stacked-Area-2D-Chart-3.gif" />
                            </td>
                        </tr>
                        <tr>
                            <td class="item q">
                                Combination Column 3D Chart<br />
                                <img src="images/Column-3D-Line-Combination-Chart-1.png" />
                            </td>
                            <td class="item q">
                                Combination Column 2D Chart<br />
                                <img src="images/Column-Line-2D-Combination-Chart-2.png" />
                            </td>
                            <td class="item q">
                                &nbsp;
                            </td>
                        </tr>

                    </table>
                </td>
                <td style="vertical-align:top;">
                    <table border="0" cellspacing="9">
                        <tr><td colspan="3" class="item " style="padding-bottom:6px;font-size:1.2em;"><b>Single Series</b></td></tr>
                        <tr>
                            <td class="item q">
                                Column 2D Chart<br />
                                <img src="images/Column-2D-Chart-4.gif" />
                            </td>
                            <td class="item q">
                                Column 3D Chart<br />
                                <img src="images/Column-3D-Chart-1.gif" />
                            </td>
                            <td class="item q">
                                Line Chart<br />
                                <img src="images/Line-Chart-1.gif" />
                            </td>
                        </tr>
                        <tr>
                            <td class="item q">
                                Bar 2D Chart<br />
                                <img src="images/Bar-2D-Chart-8.gif" />
                            </td>
                            <td class="item q">
                               Area 2D Chart<br />
                                <img src="images/Area-2D-Chart-2.gif" />
                            </td>
                            <td class="item q">
                                Pie 2D Chart<br />
                                <img src="images/Pie-2D-Chart-3.gif" />
                            </td>
                        </tr>
                        <tr>
                            <td class="item q">
                                Pie 3D Chart<br />
                                <img src="images/Pie-3D-Chart-1.gif" />
                            </td>
                            <td class="item q">
                                Doughnut 2D Chart<br />
                                <img src="images/Doughnut-2D-Chart-5.gif" />
                            </td>
                            <td class="item q">
                                Funnel Chart<br />
                                <img src="images/Funnel-Chart-3.gif" />
                            </td>
                        </tr>
                        
                    </table>
                </td>
            </tr>
        </table>
        
        <div style="float:left;position:relative; "><img src="images/ico_chart.png"  style="position:relative; top:8px;"/>
            <span style="position:relative; top:0px;"><a href="exemplo_menu.aspx">Demos</a></span>
            
        </div>
        <br />
        <br />
        <br />
        <br />
    </div>
    </form>
</body>
</html>
